<!-- <div>
	<div class="tree-contain animate-time" [ngClass]="{'right-full':isActive, 'right-off':!isActive }">
		<div class="tree-contain-padding">
			<ul class="breadcrumb">
				<li>
					<strong>机构目录</strong>
				</li>
			</ul>
			<div class="tree-box">
				<button pButton type="button" (click)="expandAll()">全部展开</button>
                <button pButton type="button" (click)="collapseAll()">全部关闭</button>
				<p-tree class="tree-public" [value]="treeDatas" selectionMode="multiple" [(selection)]="selectedFiles" (onNodeSelect)="nodeSelect($event)"
				 (onNodeUnselect)="nodeUnselect($event)"> </p-tree>
				<div>
				</div>
			</div>
		</div>
	</div>
</div> -->
<div class="right-product right-full animate-time management-container-fluid" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
	<div class="list-contain center-back right-back">
		
        <!-- <app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '用户管理', 'threeLevel' : '用户管理' }"></app-breadcrumb> -->
		<div class="button-group animate-time">
			<button type="button" class="btn btn-blue" mat-button [disabled]="!disableadd" *ngIf="right['root_user']['create']" (click)="add()">
				<span class="glyphicon glyphicon-plus"></span> 新增
			</button>
			<button type="button" class="btn btn-orange" mat-button *ngIf="right['root_user']['batchDelete']" [disabled]="isSelect"(click)="reduction()" (click)="deletes()">
				<span class="glyphicon glyphicon-trash"></span> 批量删除
			</button>
			
			<button type="button" class="btn btn-green" mat-button [disabled]="isSelect"(click)="reduction()" *ngIf="right['root_user']['batchEnable']" (click)="disableEnabled(1)">
				<span class="glyphicon glyphicon-ok-circle"></span> 批量启用
			</button>
			<button type="button" class="btn btn-orange" mat-button [disabled]="isSelect"(click)="reduction()" *ngIf="right['root_user']['batchDisable']" (click)="disableEnabled(0)">
				<span class="glyphicon glyphicon-ban-circle"></span> 批量禁用
			</button>
			<!-- <button type="button" class="btn btn-default redbtn"[disabled]="isSelect"(click)="reduction()"  data-toggle="modal" data-target="#Roleassignment" *ngIf="right['root_user']['batchDistributionRole']">
				<span class="glyphicon glyphicon-plus"></span> 批量分配角色
			</button> -->
			<app-management-search (searchOutput)="ParentSearch($event)" *ngIf="right['root_user']['query']" class="managment-search" [superiorId]="superioraddId"></app-management-search>
		</div>
		<div class="container-fluid animate-time" [ngClass]="{ 'periodical': opensearch , '': !opensearch}">
			<div class="info-center">
				
				<div class="contain animate-time" >
					<div class="clearfix"></div>
					<!-- 表格 BEGIN -->
					<app-management-table #table 
										  [tableNumber]="tableNumber" 
										  (tabeListOutput)="ParentList($event)" 
										  (detailsOutput)="ParentDetails($event)" 
										  (isSelectFromTable)="isSelectFromTableHandler($event)"
										  >
					</app-management-table>
					<!-- 表格 END -->
				</div>
			</div>
			<!-- 分页 BEGIN -->
				<app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
			<!-- 分页 END -->
		</div>
	</div>
</div>

<!-- 新增 -->
<app-management-add (addOutput)="ParentAdd($event)" [superiorAdd]="superior" [superiorAddId]="superioraddId"></app-management-add>
<!-- 新增 end-->

<!-- 详情 -->
<app-management-details [superiorDetails]="superior" ></app-management-details>
<!-- 详情 end-->

<!-- 修改 -->
<app-management-update (updateOutput)="ParentUpdate($event)"  [superiorUpdate]="superior" [superiorUpdateId]="superioraddId"></app-management-update>
<!-- 修改 end-->

<!-- 所属机构 -->
<app-management-the [superiortheId]="superioraddId"></app-management-the>
<!-- 所属机构 end-->

<!-- 删除 -->
<app-management-delete (deleteOutput)="ParentDelete($event)"></app-management-delete>
<!-- 删除 end-->

<!-- 修改密码 -->
<app-management-update-password [getTabVal]="tabVal"></app-management-update-password>
<!-- 修改密码 end-->

<!-- 重置密码 -->
<app-management-update-passwordreset [getTabVal]="tabVal" ></app-management-update-passwordreset>
<!-- 重置密码 end-->

